<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础信息管理</title>
    <!-- <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/htmleaf-demo.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/myplan.css">
    <link rel="stylesheet" href="./css/production.css">
    <link rel="stylesheet" href="./css/management.css">
    <link rel="stylesheet" href="./css/information.css">
    <script src="./js/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="./js/global-axios.js"></script>
    <script src="./js/qs.js"></script>
    <script src="./js/addapi.js"></script>

</head>

<body>

    <div class="plan-content">
        <div class="panel-group" id="accordion">
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><span href="#" class="glyphicon glyphicon-indent-right"></span> <a
                            href="#">行政区划</a> </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><span href="#" class="glyphicon glyphicon-user"></span><a href="#">采集人员</a>
                    </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "> <span class="glyphicon glyphicon-book"></span><a href="#">数据字典</a> </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><span href="#" class="glyphicon glyphicon-th"></span><a href="#">土地类别管理</a>
                    </h4>
                </div>
            </div>
        </div>
        <div class="yuyecontent">
            <div class="plan-control">
                <div class="plan-control-top">
                    <ul>
                        <li><a href="">渔业资源管理系统</a></li>
                        <li>/</li>
                        <li><a href="">基础信息管理</a></li>
                        <li>/</li>
                        <li><a href="">生产主体库</a></li>
                        <li> </li>
                    </ul>
                </div>
                <hr>
                <div class="contentBd">
                    <div class="biaodan addstress">
                        <div class="findRww">
                            <select name="" class="towns form-control"></select>
                        </div>
                        <div class="row col-md-12">
                            <form class="form-horizontal" id="LoginUser">
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username"> <sup>*</sup>区域编号</label>
                                    <div class="">
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label" for="username"> <sup>*</sup> 区域名称</label>
                                    <div>
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username" disabled> 上级区域</label>
                                    <div class="">
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username"> <sup>*</sup>区域等级</label>
                                    <div class="">
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-primary">新增子分类</button>
                                    <button type="submit" class="btn btn-primary">保存</button>
                                    <button type="submit" class="btn btn-muted">删除</button>
                                </div>

                            </form>
                        </div>
                    </div>
                    <div class="biaodan power-control">
                        <form action="" class="form-control plan-control-nav">
                            <label for="renwu" class="label-control planname">任务名称
                                <input type="text" class="form-control" id="renwu"><span>0/20</span>
                            </label>
                            <label for="renwu" class="label-control">任务名称
                                <select class="form-control selectpicker" id="">
                                    <option value="" hidden selected disabled>请选择任务1</option>
                                    <option value="">请选择任务</option>
                                    <option value="">请选择任务</option>
                                </select>
                            </label>
                            <button type="submit" class="btn btn-primary">查询</button>
                            <button type="reset" class="btn">重置</button>
                        </form>
                        <div class="htmleaf-container">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover"
                                                id="inmytable1">
                                                <thead>
                                                    <tr>
                                                        <td class="col-md-1">姓名</td>
                                                        <td class="col-md-2">角色</td>
                                                        <td class="col-md-2">辖区</td>
                                                        <td class="col-md-2">辖区编号</td>
                                                        <td class="col-md-2">身份证号</td>
                                                        <td class="col-md-2">联系方式</td>
                                                        <td class="col-md-1">操作</td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td>NHQ15302</td>
                                                        <td>系统管理员</td>
                                                        <td>2021-08-05 01:51:00</td>
                                                        <td>admin</td>
                                                        <td>√</td>
                                                        <td class="text-primary collections">
                                                            <a href="#">编辑</a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <div class="page">
                                                <div class="nextPage btn btn-info">下一页</div>
                                                <div class="beforePage btn btn-info">上一页</div>
                                                <div class="lastPage btn btn-info">最后一页</div>
                                                <ul class=""></ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="biaodan power-control">
                        <form action="" class="form-control plan-control-nav">
                            <label for="renwu" class="label-control typename">类型名称
                                <input type="text" class="form-control" id="renwu"><span>0/12</span>
                            </label>
                            <label for="renwu" class="label-control typename2">类型编码
                                <input type="text" class="form-control" id="renwu"><span>0/12</span>
                            </label>
                            <button type="submit" class="btn btn-primary">查询</button>
                            <button type="reset" class="btn">重置</button>
                        </form>
                        <div class="htmleaf-container">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover"
                                                id="inmytable2">
                                                <thead>
                                                    <tr>
                                                        <td><input type="checkbox" name="types"></td>
                                                        <td>属性类型</td>
                                                        <td>属性类型编码</td>
                                                        <td><button class="btn btn-primary addTab">新增</button></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><input type="checkbox" name="types"></td>
                                                        <td>NHQ15302</td>
                                                        <td>系统管理员11111111111</td>
                                                        <td class="text-primary">
                                                            <div class="btn-group dictionaries">
                                                                <a href="#">编辑</a>
                                                                <button type="button"
                                                                    class="btn btn-sm btn-default amend">
                                                                    <span class="glyphicon glyphicon-pencil"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="delet btn btn-sm btn-default">
                                                                    <span class="glyphicon glyphicon-trash"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="sure btn btn-sm btn-default"
                                                                    style="display:none;">
                                                                    <span class="glyphicon glyphicon-ok"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="back btn btn-sm btn-default"
                                                                    style="display:none;">
                                                                    <span class="glyphicon glyphicon-remove"> </span>
                                                                </button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <div class="page">
                                                <div class="nextPage btn btn-info">下一页</div>
                                                <div class="beforePage btn btn-info">上一页</div>
                                                <div class="lastPage btn btn-info">最后一页</div>
                                                <ul class=""></ul>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="biaodan addstress">
                        <div class="findRww">

                        </div>
                        <div class="row col-md-12">
                            <form class="form-horizontal" id="LoginUser">
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username"> <sup>*</sup>区域编号</label>
                                    <div class="">
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label" for="username"> <sup>*</sup> 区域名称</label>
                                    <div>
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username" disabled> 级别等级</label>
                                    <div class="">
                                        <input type="text" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="form-group col-md-12">
                                    <label class="control-label " for="username"> <sup>*</sup>颜色类别</label>
                                    <div class="changecolor">
                                        <input type="color" class="form-control" name="username" id="username"
                                            placeholder="请输入您的帐号">
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-primary">新增子分类</button>
                                    <button type="submit" class="btn btn-primary">保存</button>
                                    <button type="submit" class="btn btn-muted">删除</button>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="./bootstrap-3.4.1-dist/js/bootstrapValidator.min.js"></script>
    <script src="dist/js/vendor/dependencies.js"></script>
    <script src="./js/bootsnav.js"></script>
    <script src="./js/modal-box.js"></script>
    <script src="./js/tab.js"></script>
    <script>
        Addpi.login()
        tables('#inmytable1', `<tr>
<td><input type="checkbox"></td>
<td><input type="text" class="form-control" value=" "> </td>
<td><input type="text" class="form-control" value=" "> </td>
<td><input type="text" class="form-control" value=" "></td>
<td><input type="text" class="form-control" value=" "> </td>											
<td> <input type="text" class="form-control" value=" "></td>
<td><input type="text" class="form-control" value=" "> </td>
<td class="text-primary">
    <div class="btn-group ">
    <button type="button" class="btn btn-sm btn-default amend">
    <span class="glyphicon glyphicon-pencil" > </span>
    </button>
    <button type="button" class="delet btn btn-sm btn-default">
    <span class="glyphicon glyphicon-trash" > </span>
    </button>
    <button type="button" class="sure btn btn-sm btn-default" style="display:none;">
    <span class="glyphicon glyphicon-ok" > </span>
    </button>
    <button type="button" class="back btn btn-sm btn-default" style="display:none;">
    <span class="glyphicon glyphicon-remove" > </span>
    </button>
    </div>
</td>
</tr>`)
        tables('#inmytable2', `<tr>
            <td><input type="checkbox" name="types"></td>
            <td></td>
            <td></td>
            <td class="text-primary">
                <div class="btn-group ">
                    <button type="button" class="btn btn-sm btn-default amend">
                        <span class="glyphicon glyphicon-pencil" > </span>
                    </button>
                    <button type="button" class="delet btn btn-sm btn-default">
                        <span class="glyphicon glyphicon-trash" > </span>
                    </button>
                    <button type="button" class="sure btn btn-sm btn-default" style="display:none;">
                        <span class="glyphicon glyphicon-ok" > </span>
                    </button>
                    <button type="button" class="back btn btn-sm btn-default" style="display:none;">
                        <span class="glyphicon glyphicon-remove" > </span>
                    </button>
                </div>
            </td>
        </tr>`)
        getLonger('.typename input', '.typename span', 12,10)
        getLonger('.typename2 input', '.typename2 span', 12,10)
        getLonger('.planname input', '.planname span', 20,10)
        infmtionx('.collections','.dictionaries')
    </script>
</body>

</html>